<template>
  <div class="list">
     <div v-for="(item, index) in listdata" :key="index" class="item">
       <span :class="[ item.icon, 'iconfont', 'icon']">
       </span>
       <div class="info">{{item.info}}</div>
     </div>
  </div>
</template>

<script>
export default {
  name: 'listview',
  props: {
    listdata: {
      type: Array,
      default() {
        return []
      }
    }
  }
}
</script>

<style lang='stylus' scoped>
.list
   margin-top 18px
   font-size 15px
   background-color: #fff
   color #333
   .item
     position relative
     display flex
     height 44px
     line-height 44px
     padding-left 18px
     .icon
       width 35px
       height 35px
       font-size 25px
       color #ff8198
       padding-right 10px
       vertical-align middle
     .info
       flex 1
       border-bottom 1px solid #f2f2f2
   &:last-child
     border 0
</style>